﻿/*------点餐首页---------*/
.diac_content{padding-bottom: 0;}
.dianc_nav{box-shadow: 0 0px 3px #000;}
.dianc_top{background: url(../images/bac_diancan.jpg) no-repeat left bottom; padding: 8% 9% 7%; display: table; width: 100%; background-size: 100% 100%;}
.dianc_toux{width: 4.6rem; height: 4.6rem; display: table-cell; vertical-align: middle; float: left;}
.dianc_toux img{border: 2px solid #FFFFFF; border-radius: 50%; height: 100%;}
.dianc_shop{width: 100%; padding-left: .3rem; display: table-cell; vertical-align: middle;}
.dianc_shop p{color: #FFFFFF; line-height: normal; font-size: .9rem;}
.dianc_shop .dianc_shopaddr{font-size: .75rem; padding-top: 3%;}
.dianc_shop span{font-size: 12px; padding-right: 5px;}

.diac_time{background: #FFFFFF; padding: 2% 3%; font-size: .85rem; line-height: 35px; margin-bottom: 5px; border-bottom: 1px solid #E3DFE5;}
.diac_time a{display: block; width: 20%; height: 35px; line-height: 35px; margin-left: 5px; border-radius: 5px; float: right; background: #2783e7; text-align: center; color: #FFFFFF; font-size: 15px;}
.diac_time .special{font-size: 15px;}
.diac_time strong{color: #2783e7;}

.dianc_fangt{background: #FFFFFF; border-top: 1px solid #E3DFE5; border-bottom: 1px solid #E3DFE5; margin-bottom: 5px;}
.dianc_bt,.dianc_bt2{background: #FFFFFF; padding: 2% 3%; margin-bottom: 2px; border-bottom: 1px solid #E3DFE5; font-size: .9rem;}
.dianc_bt a{float: right; font-size: .75rem; color: #999999; font-weight: normal;}
.dianc_bt .iconfont,.dianc_bt2 .iconfont{color: #ff5800; padding-right: 3px; font-size: 1.1rem; font-weight: normal; vertical-align: baseline;}
.dianc_jifen .dianc_bt .iconfont{vertical-align: middle;}
.dainc_ftlist,.dainc_ftlist2{display: block; padding: 3% 0 1% 3%;}
.dainc_ftlist li,.dainc_ftlist2 li{width: 30.33%; margin-bottom: 3%; text-align: center; padding: 25% 0 2%; display: block; float: left; margin-right: 3%; background: url(../images/icon_dianc.jpg) no-repeat center 3px; background-size: 100% auto; border: 1px solid #DADADA; border-radius: 10px; font-size: .75rem;}
.dainc_ftlist .active,.dainc_ftlist2 .active{background: url(../images/icon_dianc2.jpg) no-repeat center 3px; background-size: 100% auto;}

.list_list li{display: block; width: 50%; float: left; border-bottom:1px solid #E3DFE5; border-top:1px solid #EFEFF4; background: #FFFFFF; padding-bottom: 3%; margin-bottom: 2px;}
.list_list li a{width: 100%; height: 100%; display: block;}
.list_list .list_left{border-right:1px solid #E3DFE5;}
.list_list .list_right{float: right; border-left:1px solid #E3DFE5;}
.list_name{padding: .2rem 4%; height: 40px; line-height: 20px; overflow: hidden; font-size: .8rem; overflow: hidden; margin-bottom: 2%;}
.list_img{width: 100%; height: 10.3rem;}
.list_img img{width: 100%; height: 100%;}
.list_pribox,.t_detail{padding: 0 4%; color: #666666;}
.list_sale{float: left; padding-top: 3px;}
.list_sale em{color: #FF0000; padding-left: 3px;}
.list_yj{float: right;}
.list_pricon{float: left; width: 70%;}
.list_pri,.tlist_pri{color: #FF0000; font-size: .85rem; font-weight: bold; display: inline-block;}
.list_pri em{font-size: 1rem;}
.list_btn{display: inline-block; vertical-align: bottom; color: #666666; font-size: 11px;}
.list_yj,.tlist_yjpri{font-size: .8rem; width: 30%; line-height: 25px; text-align: right; color: #999999; text-decoration: line-through;}

/*----房台----*/
.dainc_ftlist2 li{width: 47%; padding-top: 39%;}
.dianc_bt2{font-size: 16px; padding: 3%; border-bottom: 5px solid #E3DFE5;}
.dianc_bt2 .iconfont{vertical-align: text-top;}
.dianc_bt2 i{font-size: 13px; color: #FF0000; padding-left: 5px;}

.ftpage_list{font-size: 14px; line-height: 30px;}

/*----点菜----*/
.mui-row{padding-bottom: 0;}
.dianc_cp .mui-col-xs-3{background: #F1ECE8; padding-bottom: 50px;}
.dianc_cp .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item,.dianc_cp .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{border-color: #E1DCD9; color: #A19996;}
.dianc_cp .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{background: #C2BAB7; color: #473430;}
.dianc_cp .mui-col-xs-9{background: #FFFFFF;}

.dianc_cpbt{background: #CBCBCB; text-align: center; color: #FFFFFF; font-size: 14px; padding: 2% 0;}
.dianc_col .mui-control-content{padding: 3% 2% 50px;}

.dianc_cplist li{display: table; width: 100%; padding: 4% 2% 3%; border-bottom: 1px solid #E3DFE5;}
.dianc_cpimg{width: 3.5rem; height: 3.5rem; display: table-cell; vertical-align: middle; float: left;}
.dianc_cpimg img{width: 3.5rem; height: 3.5rem;}
.dianc_cpinfo{width: 100%; display: table-cell; vertical-align: middle; padding-left: 7px;}
.dianc_cpnam{font-size: 13px; color: #333333; height: 30px; line-height: 15px; overflow: hidden; margin-bottom: 5px;}
.dianc_cppri{padding-top: 5px; float: left; display: block;}
.dianc_cppri em{color: #FF0000; font-size: 14px;}
.dianc_pribox .mui-numbox,.mui-numbox.dco_numbox{border: 0; width: 85px; padding: 0 30px; float: right; height: 30px; background: white;}
.dianc_pribox .mui-numbox .mui-input-numbox,.dianc_pribox .mui-numbox .mui-numbox-input,.mui-numbox.dco_numbox .mui-input-numbox,.mui-numbox.dco_numbox .mui-numbox-input{border: 0!important; font-size: 14px; padding: 0!important; background: white;}
.dianc_pribox .mui-numbox [class*=btn-numbox],.dianc_pribox .mui-numbox [class*=numbox-btn],.mui-numbox.dco_numbox [class*=btn-numbox],.mui-numbox.dco_numbox [class*=numbox-btn]{color: #2783e7; width: 30px; background: white;}
.dianc_pribox .mui-numbox .mui-btn-numbox-plus,.mui-numbox.dco_numbox .mui-btn-numbox-plus{z-index: 99;}
.dianc_pribox .mui-numbox .mui-btn .iconfont,.mui-numbox.dco_numbox .mui-btn .iconfont{font-size: 23px; line-height: 30px;}

.dianc_bnav{height: 50px; width: 100%; position: fixed; left: 0; bottom: 0; line-height: 50px; z-index: 999; min-width: 320px; max-width: 640px; margin: 0 auto; right: 0;}
.dianc_bnav_l{width: 58%; padding-left: 2%; height: 100%; background-color:rgba(0,0,0,0.7); color: #FFFFFF; float: left; font-size: 16px;}
.dianc_bnav_l span{padding-right: 2px; font-size: 20px; color: #2783e7;}
.dianc_bnav_l em{padding: 0 1px;}
.dianc_bnav_btn{width: 42%; float: right; background: #2783e7; text-align: center;}
.dianc_bnav_btn a{color: #FFFFFF; font-size: 16px; display: block; width: 100%; height: 100%;}

#about .mui-scroll .name {width: 35%; float: left;}	
#about .mui-scroll .pri {width: 25%;text-align: center; float: left;}	
#about .mui-scroll .num {width: 20%; text-align: center; float: left;}	
#about .mui-scroll .xiaoj {width: 20%; text-align: center; float: left;}
#about .record_list2{padding-bottom: 0;}
#about .dchj_box{padding: 3%; font-size: .9rem;}
#comfirm_price{color: red; font-size: 1.1rem; font-weight: 600; margin-left: 10px;}
#confirm_order{width: 100%; margin: 10px auto; text-align: center;}
#about .dco_beiz{padding: 1% 3%;}
#about .mui-btn-primary{width: 94%; background: #2783e7; border: 0; height: 2.5rem; line-height: 2rem; font-size: 1rem;}
#pay .mui-scroll h5{margin: 15px 0 5px; padding: 0 3%; font-size: .95rem;}
#pay .mui-scroll h5 i{display: inline-block; width: 4px; height: .95rem; background: #2783e7; margin: 0 5px 3px 0; vertical-align: middle;}
#pay .tab-content>.active{padding-top: 0;}

/*-----确认订单----*/
.dcorder_top{padding: 5% 3%; margin-bottom: 5px; background: #FFFFFF url(../images/bac_dianco.jpg) no-repeat center bottom; background-size: 100% auto;}
.dco_num,.dco_num2{color: #333333; border-bottom: 2px solid #E7E7E7; padding-bottom: .7rem; font-size: .9rem;}
.dcorder_top em{color: #2783e7; padding: 0 2px;}
.dco_cptj{padding-top: 3%; color: #777777; font-size: .85rem;}
.dco_pri{float: right;}

.dcorder_list,.dcorder_plist{display: block; background: #FFFFFF; margin-bottom: 5px; padding: 2% 3%;}
.dcorder_list li,.dcorder_plist li{display: block; line-height: 30px; padding: .5rem 0; font-size: .85rem;}
.dco_cpnam{float: left; width: 40%;}
.dco_cppri{float: left; width: 25%;}

.dcorder_bottom,.dcorder_pbottom{background: #FFFFFF; padding: 3%;}
.dcorder_bottom p{font-size: .85rem;}
.dco_ycnum{line-height: 30px; padding-bottom: .7rem; font-size: .85rem;}
.dco_beiz textarea{padding: 5px; font-size: .8rem; min-height: 4.2rem;}

/*-----订单详情----*/
.dco_znum{float: right;}
.dcorder_plist{padding-bottom: 1%; margin-bottom: 3px;}
.dcorder_plist li>div{float: left; width: 21%; text-align: right;}
.dcorder_plist .dco_cpnam{width: 58%; text-align: left;}
.dcorder_plist .special{border-top: 1px solid #E7E7E7; color: #FF0000; margin-top: .4rem;}
.dcorder_bottom em{color: #FF0000; padding: 0 2px; font-weight: bold; font-size: .9rem;}
.dco_num2{border: 0; font-size: .9rem;}

.dcorder_pbottom{margin-top: 7px; padding-bottom: 5%;}
.dco_pbt{font-size: .85rem; border-bottom: 1px solid #E7E7E7; padding-bottom: .5rem;}
.dco_plist{padding-top: 3%; color: #999999; font-size: .75rem;}
.dco_plist li{padding: .25rem 0;}
.dco_plist li>span{float: left; display: block; width: 25%;}
.dco_plist .plist_right{color: #333333; width: 75%;}

.mui-row.mui-fullscreen>[class*="mui-col-"] {height: 100%;}
.mui-col-xs-3,.mui-control-content {overflow-y: auto; height: 100%;}
.mui-segmented-control .mui-control-item {line-height: 50px; width: 100%;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #fff;}

/*点餐预约*/
.ddyy_list{padding-top: .3rem;}
.ddyy_list .mui-input-row{height: auto; padding: .5rem 0;}
.ddyy_list .mui-input-row label{width: 35%; font-size: .85rem; padding: 0 0 0 15px; line-height: 40px;}
.ddyy_list .mui-input-row label~input{text-align: right; font-size: .85rem;}
.ddyy_list .mui-input-row .mui-switch{margin-right: 15px;}
.ddyy_list .mui-input-row .mui-numbox{margin: 2px 15px 0 0;}
.dcyy_tip{padding: 4% 4% 3%; background: white;}
.dcyy_tip textarea{padding: 10px; height: 120px; font-size: .85rem;}
.ddyy_list.mui-input-group:after{height: 0px;}
.dcyy_btn{width: 92%; margin: 0 auto;}
.dcyy_btn button{background:#2783e7; width: 100%; height: 2.5rem; color: white; font-size: 1rem;border: 1px solid #2783e7;}

/*积分产品详情*/
.dianc_content .mui-slider{height: 15rem;}
.mui-slider img{height: 100%;}
.dianc_content .spxq_nam{padding-bottom: 0;}
.dianc_content .spxq_nambox{margin-bottom: 7px;}
.dianc_content .xqy_klist{padding: 8px 0 8px;}
.dianc_content .xqy_pribox .xqy_pri{font-size: 18px;}
.dianc_content .xqy_klist li{width: 50%; text-align: left;}
.dianc_content .xqy_klist .right{width: 100%;}
.xpy-c-r .addgwc{background: #FF0000; opacity: 1;}







































